<template>
	<view>
		<scroll-view :scroll-y="modalName==null" class="page" :class="modalName!=null?'show':''">
			<cu-custom bgColor="bg-gradual-blue" :isBack="true">
				<block slot="content">报表中心</block>
			</cu-custom>
			<view class="list" style="padding-top: 50rpx;">
				<view class="btn" v-for="(item,index) in list" :key="index" @click="goPage(item.url)">
					{{item.text}}
				</view>
			</view>
		
		</scroll-view>
	</view>

</template>

<script>
	export default {
		components:{
		 },
		data() {
			return {
				modalName: null,
				list: [
					{
						text:'收款汇总',
						url: '/pages/statement/summarySheet'
					},
					{
						text:'闲置厂房统计',
						url: '/pages/statement/idlePlant'
					},
					{
						text:'土地面积统计',
						url: '/pages/statement/areaLand'
					},
					{
						text:'建筑面积统计',
						url: '/pages/statement/areaStructure'
					},
					{
						text:'租金管理统计',
						url: '/pages/statement/rentControl'
					},
					{
						text:'厂租管理费缴纳情况',
						url: '/pages/statement/plantRent'
					},
					{
						text:'缴款top10',
						url: '/pages/statement/payment'
					},
					{
						text:'欠款top10',
						url: '/pages/statement/debt'
					},
					{
						text:'合同状态分类',
						url: '/pages/statement/contractStatus'
					},
					{
						text:'合同到期预警',
						url: '/pages/statement/expireWarn'
					},
				]
			}
		},
		methods: {
			
		},
		onLoad() {
			
		}
	}
</script>

<style lang="scss" scoped>
	page{
		background: #fff;
	}
	.list{
		display: flex;
		padding: 0 20rpx;
		flex-wrap: wrap;
		.btn{
			// width: 110rpx;
			// height: 60rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			background: #1890ff;
			border-radius: 8rpx;
			color: #fff;
			padding: 20rpx 25rpx;
			margin: 20rpx;
		}
	}
</style>
